<template>
    <div>
        <div class="xiangqing">
<van-icon name="arrow-left" @click="$router.go(-1)"/>
        <h1>消息详情</h1>
        </div>
        <div>
         <div class="xiaing">
            <strong>系统通知</strong>
            <span>2018年3月10日23:45  {{xiangqingData.createTime | Time}}</span>
        </div>
        <p style="font-size: .14rem;
    padding: .15rem;">发布人:{{xiangqingData.sourceName}}</p>
    <ul>
        <li>{{xiangqingData.msgDate}}</li>
    </ul>
        </div>
       
    </div>
</template>

<script>
import {GetMeDate} from "@/request/api"
export default {
    name:"Xiaoxixiangqing",
    data () {
        return {
        xiangqingData:null
         
        }
    },
    filters:{
        Time(val){
            return val+'年'
        }
    },
    created(){
        console.log("666666666666:",this.$route.params.id);
        GetMeDate({id:this.$route.params.id}).then((res)=>{
            this.xiangqingData=res.data.data
            console.log("消息详情:",res);
        })
    }
}
</script>
 
<style lang = "less" scoped>
    .xiangqing{
        height: .8rem;
        background: #003399;
        font-size: .14rem;
        color: white;
        display: flex;
        align-items: center;
        .van-icon{
         
        }
        h1{
            flex: 1;
            text-align: center;
        }
    }
    .xiaing{
        font-size: .14rem;
        display: flex;
    justify-content: space-between;
    padding: .1rem .15rem;
    background: #fff;
    }
    ul{
        li{
            font-size: .14rem;
        }
    }
</style>